<template>
  <div class="app-container">
    <van-notice-bar text="足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。" left-icon="volume-o" />

    <van-notice-bar :scrollable="false">
      足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。
    </van-notice-bar>

    <div class="van-hairline--surround" />

    <van-notice-bar wrapable :scrollable="false">
      足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。
    </van-notice-bar>

    <!-- closeable 模式，在右侧显示关闭按钮 -->
    <van-notice-bar mode="closeable">
      足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。
    </van-notice-bar>

    <!-- link 模式，在右侧显示链接箭头 -->
    <van-notice-bar mode="link">
      足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。
    </van-notice-bar>

    <van-notice-bar
      color="#1989fa"
      background="#ecf9ff"
      left-icon="info-o"
    >
      足协杯战线连续第2年上演广州德比战，上赛季半决赛上恒大以两回合5-3的总比分淘汰富力。
    </van-notice-bar>
  </div>
</template>

<script>
export default {
  name: 'Home'
}
</script>
